html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

button,
input::-ms-clear {
    display: none;
    outline: none
}

button,
input {
    outline: none;
    border: none;
}

.main {
    position: relative;

    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    background: url(../images/login_bg.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.login-wrapper {
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    height: 394px;
    border-radius: 10px;
    background-color: #FFF;
    /*box-shadow: 0 0 10px 10px #FCFCFC;*/
}

.login-wrapper h1 {
    /*height: 126px;*/
    /*line-height: 126px;*/
    margin: 70px 0 70px 0;
    font-size: 30px;
    color: rgb(129, 130, 130);
    text-align: center;
}

.error-tip {
    position: absolute;
    left: 0px;
    top: 130px;

    width: 100%;
    /*height: 15px;*/
    /*line-height: 15px;*/
    font-size: 16px;
    text-align: center;
    color: rgb(244, 117, 98);
}

.item {
    height: 47px;
    line-height: 47px;
    text-align: center;
    margin-bottom: 20px;
}

.item label {
    display: inline-block;
    width: 47px;
    height: 47px;
    vertical-align: top;
}

.user_label {
    background: url(../images/account.png) center center no-repeat;
}

.psd_label {
    background: url(../images/password.png) center center no-repeat;
}

.item input {
    width: 345px;
    height: 46px;
    border-bottom: 1px solid #DEDFE6;
    color: rgb(102, 102, 102);
    font-size: 16px;
}

.item input:focus {
    border-color: #0f84d3;
}

.btn-wrapper {
    /*height: 60px;*/
    margin-top: 67px;
    text-align: center;
}

.login_btn {
    width: 220px;
    height: 66px;
    border-radius: 4px;
    color: #FFF;
    font-size: 18px;
    cursor: pointer;

    box-shadow: 0 0 20px rgba(67, 67, 67, 0.09);
    /*background-image: linear-gradient(-90deg, rgb(105, 181, 232) 0%, rgb(15, 132, 211) 65%);*/
    background-image: linear-gradient(180deg, rgb(105, 181, 232)0%, rgb(15, 132, 211)49%);
    background-image: -webkit-linear-gradient(180deg, rgb(105, 181, 232)0%, rgb(15, 132, 211)49%);
    background-image: -moz-linear-gradient(180deg, rgb(105, 181, 232)0%, rgb(15, 132, 211)49%);
    background-image: -ms-linear-gradient(180deg, rgb(105, 181, 232)0%, rgb(15, 132, 211)49%);
}

.login_btn:hover {
    background-color: rgb(15, 132, 211);
    background-image: linear-gradient(180deg, rgb(15, 132, 211) 0%, rgb(15, 132, 211) 100%);
}